@font-face{font-family:"Kenteken";src:url("https://assets.wbslv.nl/clients/websolve/websites/fonts/Kenteken.ttf"),url("https://assets.wbslv.nl/clients/websolve/websites/fonts/Kenteken.woff") format("woff"),url("https://assets.wbslv.nl/clients/websolve/websites/fonts/Kenteken.eot"),url("https://assets.wbslv.nl/clients/websolve/websites/fonts/Kenteken.svg");font-weight:normal;font-style:normal}.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-5ths{width:20%;float:left}@media(min-width: 768px){.col-sm-5ths{width:20%;float:left}}@media(min-width: 992px){.col-md-5ths{width:20%;float:left}}@media(min-width: 1200px){.col-lg-5ths{width:20%;float:left}}.steps-afspraak-maken:after{content:"";display:block;float:none;clear:both}.steps-afspraak-maken .col{padding:5px}.steps-afspraak-maken .col:last-of-type .step:after{content:none}@media(max-width: 767px){.steps-afspraak-maken .step p.step-desktop{display:none}.steps-afspraak-maken .step i.step-mobile{text-align:center;display:inline-block;width:100%}}@media(min-width: 767px){.steps-afspraak-maken .step i.step-mobile{display:none}}.steps-afspraak-maken .step{width:100%;padding-right:20px}.steps-afspraak-maken .step:last-child{padding-right:0}.steps-afspraak-maken .step p{margin-bottom:2px;white-space:nowrap;padding-left:10px}.steps-afspraak-maken .step .fa-angle-double-right{position:absolute;bottom:-5px;right:3px;color:#e9e9e9}.steps-afspraak-maken .step hr{margin:0;border-top:5px solid #a8a8a8}@media(min-width: 767px){.steps-afspraak-maken .step hr{width:80%}.steps-afspraak-maken .step hr:last-child{width:100%}}.steps-afspraak-maken .step.active hr{border-top:5px solid #1b69d3}.steps-afspraak-maken .step.done hr{border-top:5px solid #45ab00}.appointment-scheduler{padding-top:26px}@media(max-width: 767px){.appointment-scheduler{padding-top:13px}}.appointment-scheduler h3{border:none}.appointment-scheduler label{display:block;max-width:100%;margin-bottom:0;font-weight:normal;padding:10px 10px 10px 0}.appointment-scheduler .radio-mark{border-right:1px solid #e9e9e9;padding:0 0 0 5px;width:25px}.appointment-scheduler .radio-mark input[type=radio]{margin:4px 12px 0 0;width:10px;display:inline-block}.appointment-scheduler .radio-mark input[type=radio]:before{display:block;content:"";border-radius:50%;height:17px;width:17px;margin-right:10px;-webkit-transition:all 1s linear;transition:all 1s linear;margin-left:-6px;margin-top:-1px;background-color:#fff;background-image:url(https://assets.wbslv.nl/clients/bmw/websites/images/radio-unselected.png);background-size:contain}.appointment-scheduler .radio-mark input[type=radio]:checked:after{content:"";border-radius:50%;background:#1b69d3;display:block;width:9px;height:9px;top:-13px;position:relative;right:2px}.appointment-scheduler .vehicle-wrapper,.appointment-scheduler .location-wrapper{opacity:1;visibility:visible;height:auto;transition:all 1s ease-out;-webkit-transition:all 1s ease-out;padding-right:5px}.appointment-scheduler .vehicle-wrapper.active,.appointment-scheduler .location-wrapper.active{transition:all 1s ease-out;-webkit-transition:all 1s ease-out}.appointment-scheduler .vehicle-wrapper.active .vehicle,.appointment-scheduler .vehicle-wrapper.active .location,.appointment-scheduler .location-wrapper.active .vehicle,.appointment-scheduler .location-wrapper.active .location{border-color:#45ad00;background:#e9ffd9;transition:all 1s ease-out;-webkit-transition:all 1s ease-out}.appointment-scheduler .vehicle-wrapper.active .info .action,.appointment-scheduler .location-wrapper.active .info .action{display:block}.appointment-scheduler .vehicle-wrapper.active .info .action p,.appointment-scheduler .location-wrapper.active .info .action p{margin-bottom:0}.appointment-scheduler .vehicle-wrapper.active .info label,.appointment-scheduler .location-wrapper.active .info label{cursor:default}.appointment-scheduler .vehicle,.appointment-scheduler .location{padding:0 0 0 10px;border:1px solid #a8a8a8;background:#f7f7f7;width:100%;min-height:110px;display:table;margin-bottom:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:all 1s ease-out;-webkit-transition:all 1s ease-out}.appointment-scheduler .vehicle label,.appointment-scheduler .location label{margin-bottom:0;font-weight:normal;display:block;cursor:pointer}.appointment-scheduler .vehicle>div,.appointment-scheduler .location>div{display:table-cell;vertical-align:middle}@media(min-width: 768px){.appointment-scheduler .vehicle br.mobile,.appointment-scheduler .location br.mobile{display:none}}.appointment-scheduler .vehicle .info,.appointment-scheduler .location .info{padding-left:10px}@media(max-width: 1023px){.appointment-scheduler .vehicle .info,.appointment-scheduler .location .info{padding-left:10px}}.appointment-scheduler .vehicle .info .info-wrapper,.appointment-scheduler .location .info .info-wrapper{display:table;width:100%}@media(min-width: 1024px){.appointment-scheduler .vehicle .info .info-wrapper .info-cover,.appointment-scheduler .location .info .info-wrapper .info-cover{display:table-cell;vertical-align:middle}}.appointment-scheduler .vehicle .info .info-wrapper .vehicle-image,.appointment-scheduler .vehicle .info .info-wrapper .location-image,.appointment-scheduler .location .info .info-wrapper .vehicle-image,.appointment-scheduler .location .info .info-wrapper .location-image{display:none;padding-top:10px}@media(min-width: 768px){.appointment-scheduler .vehicle .info .info-wrapper .vehicle-image,.appointment-scheduler .vehicle .info .info-wrapper .location-image,.appointment-scheduler .location .info .info-wrapper .vehicle-image,.appointment-scheduler .location .info .info-wrapper .location-image{display:block}}@media(min-width: 1024px){.appointment-scheduler .vehicle .info .info-wrapper .vehicle-image,.appointment-scheduler .vehicle .info .info-wrapper .location-image,.appointment-scheduler .location .info .info-wrapper .vehicle-image,.appointment-scheduler .location .info .info-wrapper .location-image{display:table-cell;vertical-align:middle;padding-top:0px}}.appointment-scheduler .vehicle .info .vehicle-info,.appointment-scheduler .vehicle .info .location-info,.appointment-scheduler .location .info .vehicle-info,.appointment-scheduler .location .info .location-info{padding-bottom:0}.appointment-scheduler .vehicle .info .vehicle-info .number-plate,.appointment-scheduler .vehicle .info .location-info .number-plate,.appointment-scheduler .location .info .vehicle-info .number-plate,.appointment-scheduler .location .info .location-info .number-plate{background-image:url("https://assets.wbslv.nl/clients/demo/websites/images/number-plate.png");background-position:1px center;background-repeat:no-repeat;padding-left:20px;line-height:34px;font-size:16px;font-family:"Kenteken","arial","helvetica",sans-serif;width:138px;height:34px;text-align:center;margin-top:10px;margin-bottom:10px}.appointment-scheduler .vehicle .info .vehicle-info .number-plate span,.appointment-scheduler .vehicle .info .location-info .number-plate span,.appointment-scheduler .location .info .vehicle-info .number-plate span,.appointment-scheduler .location .info .location-info .number-plate span{text-align:center}.appointment-scheduler .vehicle .info .vehicle-info p,.appointment-scheduler .vehicle .info .location-info p,.appointment-scheduler .location .info .vehicle-info p,.appointment-scheduler .location .info .location-info p{margin-bottom:0}.appointment-scheduler .vehicle .info .notice,.appointment-scheduler .location .info .notice{padding-top:10px;color:#45ad00}.appointment-scheduler .vehicle .info .notice .svg-inline--fa,.appointment-scheduler .location .info .notice .svg-inline--fa{font-size:17px;margin-right:5px}.appointment-scheduler .vehicle .info .notice span,.appointment-scheduler .location .info .notice span{color:#45ad00}.appointment-scheduler .vehicle .info .notice p,.appointment-scheduler .location .info .notice p{margin-bottom:0}.appointment-scheduler .vehicle .info .action,.appointment-scheduler .location .info .action{color:#1b69d3;display:none}.appointment-scheduler .vehicle .info .action p,.appointment-scheduler .location .info .action p{padding-top:10px}.appointment-scheduler .vehicle .info .action .svg-inline--fa,.appointment-scheduler .location .info .action .svg-inline--fa{margin-right:5px;font-size:17px}.appointment-scheduler .vehicle .info .action a,.appointment-scheduler .location .info .action a{color:#1b69d3;text-decoration:none}.appointment-scheduler .vehicle .info .action a:hover,.appointment-scheduler .location .info .action a:hover{text-decoration:underline}@media(min-width: 480px){.appointment-scheduler .vehicle .vehicle-image,.appointment-scheduler .vehicle .location-image,.appointment-scheduler .location .vehicle-image,.appointment-scheduler .location .location-image{width:102px}}.appointment-scheduler .vehicle .vehicle-image img,.appointment-scheduler .vehicle .location-image img,.appointment-scheduler .location .vehicle-image img,.appointment-scheduler .location .location-image img{width:100%;max-width:100%;-webkit-box-shadow:2px 3px 3px 0 rgba(0,0,0,.18);-moz-box-shadow:2px 3px 3px 0 rgba(0,0,0,.18);box-shadow:2px 3px 3px 0 rgba(0,0,0,.18)}.appointment-scheduler .additional-locations,.appointment-scheduler .additional-car{display:none}.appointment-scheduler .settings{background:#edf7fd;border:1px solid #1b69d3;padding:15px;color:#1b69d3}.appointment-scheduler .settings .setting{padding-bottom:7px;display:table}.appointment-scheduler .settings .setting .title{width:120px;display:inline-block;padding-right:15px}.appointment-scheduler .settings .setting .title p{margin:0;padding-top:3px}.appointment-scheduler .settings .setting .icon{display:inline-block;font-size:18px;width:30px;padding-right:15px}.appointment-scheduler .settings .setting .setting-content{color:#262626;padding-left:30px}.appointment-scheduler .settings .setting .setting-content ul#jobs_list{padding-inline-start:18px}.appointment-scheduler .settings .setting:after{display:block;clear:both;float:none;content:""}.appointment-scheduler .position{padding-top:6px;font-size:16px;clear:both;float:none;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e8e8e8}.appointment-scheduler .position label{font-weight:normal;float:left;line-height:30px;padding-right:9px}.appointment-scheduler .position input{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px 10px;max-width:100%;width:140px;border-width:1px;border-style:solid;border-color:#a8a8a8}.appointment-scheduler .buttons{float:none;clear:both}.appointment-scheduler .buttons .btn-default{float:left;margin-right:15px}.appointment-scheduler .work-list{padding-bottom:20px}.appointment-scheduler .work-list .option{padding:0 0 0 8px;border:1px solid #e8e8e8;margin-bottom:15px;display:table;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:all 1s ease-out;-webkit-transition:all 1s ease-out}@media(min-width: 1366px){.appointment-scheduler .work-list .option{padding:0px 16px;min-height:56px;height:56px}.appointment-scheduler .work-list .option label{padding:8px 16px}}.appointment-scheduler .work-list .option.active{border:1px solid #45ac00;background:#e9ffda;transition:all .5s ease-out;-webkit-transition:all 1s ease-out}.appointment-scheduler .work-list .option.active .radio label{cursor:default}.appointment-scheduler .work-list .option .checkbox-mark{display:table-cell;vertical-align:middle;width:20px}@media(min-width: 1024px){.appointment-scheduler .work-list .option .checkbox-mark{width:25px}}.appointment-scheduler .work-list .option .radio-mark{padding-right:0;width:30px;border:none;display:table-cell;vertical-align:middle;padding:0 0 0 10px}.appointment-scheduler .work-list .option .info-wrapper{display:table-cell;vertical-align:middle}@media(min-width: 1024px){.appointment-scheduler .work-list .option .info-wrapper .info{display:table;width:100%;height:38px}}@media(min-width: 1366px){.appointment-scheduler .work-list .option .info-wrapper .info{min-height:35px}}.appointment-scheduler .work-list .option .info-wrapper .option-info{margin-left:0px;display:table-cell;vertical-align:middle;width:100%}.appointment-scheduler .work-list .option .info-wrapper .option-info .option-title{color:#231f20;font-size:16px;position:relative;line-height:20px}.appointment-scheduler .work-list .option .info-wrapper .option-info .option-title span{padding-right:10px;font-size:14px}.appointment-scheduler .work-list .option .info-wrapper .option-info .option-mark{background-image:url("https://assets.wbslv.nl/clients/demo/websites/images/option-mark.png");padding-left:10px;background-position:left 3px;background-repeat:no-repeat;color:#45ac00;font-size:11px}.appointment-scheduler .work-list .option .info-wrapper .option-info .info-more{font-size:0;color:rgba(0,0,0,0);background-image:url(https://assets.wbslv.nl/clients/demo/websites/images/info-more.png);width:16px;height:16px;display:inline-block;background-position:center center;background-repeat:no-repeat;position:relative;top:-4px;background-size:contain}.appointment-scheduler .work-list .option .info-wrapper .option-info label{margin-bottom:0;font-weight:normal}.appointment-scheduler .work-list .option .info-wrapper .price-wrapper{margin-left:0px;margin-top:0;display:table-cell;vertical-align:middle;float:none;text-align:right;width:85px}.appointment-scheduler .work-list .option .info-wrapper .promotion{background:#1b69d3;color:#fff;display:inline-block;font-size:12px;padding:0 10px;text-align:right}.appointment-scheduler .work-list .option .info-wrapper .promotion span{white-space:nowrap}.appointment-scheduler .work-list .option .info-wrapper .promotion-wrapper{margin-left:0px;margin-top:0;display:table-cell;vertical-align:middle;float:none;text-align:right;width:85px}.appointment-scheduler .work-list .option .info-wrapper .price{background:#1b69d3;color:#fff;display:inline-block;font-size:12px;padding:0 10px;text-align:right}.appointment-scheduler .work-list .option .info-wrapper .price span{white-space:nowrap}.appointment-scheduler .work-list .option .info-wrapper p{margin:0;margin-block-start:0;margin-block-end:0}.appointment-scheduler .work-list .option label{cursor:pointer;padding:8px 8px 8px 0}.appointment-scheduler .work-list .option .modal-title{float:left}.appointment-scheduler .work-list .option .close{float:right}.appointment-scheduler .work-list.light .option .info-wrapper .price{background:#6fbbec}.appointment-scheduler .work-list.light .option .info-wrapper .option-info .info-more{background-image:url("https://assets.wbslv.nl/clients/demo/websites/images/info-more-light.png")}.appointment-scheduler .work-list.light .option .info-wrapper .option-info label{margin-bottom:0px;font-weight:normal}.appointment-scheduler .work-list.light .option.active .radio label{cursor:default}.appointment-scheduler .work-list .table-row{display:table-row}.appointment-scheduler .work-list .table-cell{display:table-cell}.appointment-scheduler .work-list .remarks-wrapper.has-error input,.appointment-scheduler .work-list .remarks-wrapper.has-error textarea{border-color:#a94442 !important}.appointment-scheduler .work-list .remarks-wrapper.has-error label{color:#a94442 !important}.appointment-scheduler .visuallyhidden{opacity:0;transition:all 1s ease-out;-webkit-transition:all 1s ease-out;display:none}.appointment-scheduler .hidden-el{height:0;transition:all .1s ease-out;-webkit-transition:all .1s ease-out}.appointment-scheduler .hidden-el h3{height:0;transition:all .1s ease-out;-webkit-transition:all .1s ease-out}.appointment-scheduler .hidden-el .col{height:0;transition:all .1s ease-out;-webkit-transition:all .1s ease-out}.appointment-scheduler .contact-details{padding:20px;width:100%;border:1px solid #e8e8e8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px}@media(min-width: 1024px){.appointment-scheduler .contact-details{line-height:35px}}@media(max-width: 767px){.appointment-scheduler .contact-details label{margin-left:15px}}.appointment-scheduler .contact-details .right{text-align:right}.appointment-scheduler .contact-details .left{text-align:left}.appointment-scheduler .contact-details .action{color:#1b69d3}.appointment-scheduler .contact-details .action a{color:#1b69d3;padding-left:10px}.appointment-scheduler .enter-contact-details{width:100%;margin-bottom:20px}@media(min-width: 1024px){.appointment-scheduler .enter-contact-details{line-height:35px}}@media(max-width: 767px){.appointment-scheduler .enter-contact-details label{margin-left:15px}}.appointment-scheduler .notification{border:1px solid #ffc938;background:#fff1cd;padding:20px 15px;margin-bottom:20px}.appointment-scheduler .notification p{margin:0}.appointment-scheduler .success{border:1px solid #45ac00;background:#e9ffda;padding:20px 15px;margin-bottom:20px}.appointment-scheduler .success p{margin:0}.appointment-scheduler .ui-datepicker.ui-widget{width:100%;border:none;border-radius:0;padding:0}.appointment-scheduler .ui-datepicker.ui-widget .ui-datepicker-header{border:none;background:rgba(0,0,0,0);padding:20px;border-radius:0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.appointment-scheduler .ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-title{font-family:unset;font-size:16px}.appointment-scheduler .ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all{top:20px}.appointment-scheduler .ui-datepicker.ui-widget .ui-datepicker-header .ui-icon-circle-triangle-w{background-position:center;height:21px;width:13px;background-image:url("https://assets.wbslv.nl/clients/demo/websites/images/arrow-left.jpg")}.appointment-scheduler .ui-datepicker.ui-widget .ui-datepicker-header .ui-icon-circle-triangle-e{background-position:center;height:21px;width:13px;background-image:url("https://assets.wbslv.nl/clients/demo/websites/images/arrow-right.jpg")}.appointment-scheduler .ui-datepicker.ui-widget .ui-datepicker-header .ui-state-hover{border:none;background:rgba(0,0,0,0);font-weight:normal;color:#000}.appointment-scheduler .ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-prev-hover{left:2px}.appointment-scheduler .ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-next-hover{right:2px}.appointment-scheduler .ui-datepicker.ui-widget th{padding:1.8em 0;text-align:center;font-weight:normal;border:0}.appointment-scheduler .ui-datepicker.ui-widget .ui-datepicker-calendar .ui-state-default{font-size:23px;text-align:center;background:#f2f2f2;color:#231f20;border:1px solid #f2f2f2}.appointment-scheduler .ui-datepicker.ui-widget .ui-datepicker-calendar .ui-state-default.ui-state-active{background:#e9ffda;border:1px solid #45ac00;color:#45ac00}.appointment-scheduler .ui-datepicker.ui-widget .ui-datepicker-calendar .ui-state-default :hover{border:1px solid #45ac00}.appointment-scheduler .ui-datepicker.ui-widget .ui-datepicker-calendar .ui-state-booked{background:red;border:1px solid red;color:#fff}.appointment-scheduler .ui-datepicker td{padding:2px}.appointment-scheduler .working-hours table{width:100%}.appointment-scheduler .working-hours table td{padding:2px;text-align:center;font-size:18px}.appointment-scheduler .working-hours table td a{background:#f2f2f2;display:block;color:#231f20;padding:5px 0;border:1px solid #f2f2f2;font-size:12px;transition:none;text-decoration:none}@media(min-width: 1024px){.appointment-scheduler .working-hours table td a{font-size:18px}}.appointment-scheduler .working-hours table td .ui-state-inactive{color:#a8a8a8;background:#fcfcfc;border:1px solid #fcfcfc;cursor:default}.appointment-scheduler .working-hours table td .ui-state-active{background:#e9ffda;border:1px solid #45ac00;color:#45ac00}.appointment-scheduler .car-change{display:block;transition:all 1s ease-out;-webkit-transition:all 1s ease-out}.appointment-scheduler .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.appointment-scheduler .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}100%{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.appointment-scheduler .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0}}.appointment-scheduler .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}#mileage-form-group{max-width:250px}.flex{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.plate-input{background:url(../images/number-plate.svg) 50% 100% no-repeat;background-size:100% 100%;-o-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:contain;padding-left:25px;line-height:34px;font-size:32px;font-family:"Kenteken","arial","helvetica",sans-serif;width:250px;height:53px;text-align:center;margin-top:10px;border:none}